<template>
  <div class="recording">
    <div class="header">
      <pageHeader title="交易记录"/>
    </div>
    <div class="content">
      <div class="content-list">
        <div
          class="item flex-row flex-justify-between flex-align-cente"
          v-for="index in 16"
          :key="index"
        >
          <div>服务费分成+1</div>
          <div>2019-05-09</div>
        </div>
      </div>
      <div class="flex-row  flex-justify-center my-pagination">
        <el-pagination background layout="prev, pager, next" :total="1000"></el-pagination>
      </div>
    </div>
  </div>
</template>

<script>
import pageHeader from "@/components/pageHeader/index";
export default {
  props: {},
  data() {
    return {};
  },
  computed: {},
  created() {},
  mounted() {},
  watch: {},
  methods: {},
  components: {
    pageHeader
  }
};
</script>

<style scoped lang="less">
.recording {
  background: #ccc;
  padding: 20px 40px;
  .content {
    background: #fff;
    padding: 10px;
    margin-top: 15px;
    min-height: 400px;
    .my-pagination{
      margin: 30px 0;
    }
    .content-list {
      .item {
        padding: 15px 15px;
        border-bottom: 1px solid #ddd;
        font-size: 14px;
        color: #515151;
      }
    }
  }
}
</style>
